<template>
  <div class="px-[1rem] sm:px-[1.5rem]" style="border-bottom: 1px solid #f0f0f0">
    <div class="h-[2.75rem] flex justify-between items-center">
      <div>
        <p class="text-sm">Reno14 Pro</p>
      </div>
      <button
        class="text-xs py-[0.375rem] px-[1.125rem] cursor-pointer bg-[#2cff73] rounded-full leading-[1.67] sm:max-md:self-end"
      >
        立即购买
      </button>
    </div>

    <div class="h-[3rem] text-xs flex items-center gap-1">
      <div class="flex text-[#000000f2] bg-[#f8f9fa] py-[0.375rem] px-[0.75rem] rounded-full">
        <svg class="w-[1rem] aspect-square">
          <use href="#icon-overview" />
        </svg>
        <p>概览</p>
      </div>

      <div class="flex">
        <svg class="w-[1rem] aspect-square">
          <use href="#icon-menu" />
        </svg>
        <p>参数</p>
      </div>
    </div>
  </div>
</template>
